@charset"utf-8";
@import "reset";
@import "common";

.webi{
    width: 100%;
    height: 100%;
    background: url(../img/beij_01.jpg)center no-repeat;
    text-align: center;
    .neir{
        h1{
            font-size: r(30);
            color: #e7c598;
            padding-top: r(268);
        }
        ul{
            padding-top: r(20);
            width: r(330);
            margin: 0 auto;
            li{
                width: r(330);
                height: r(40);
                background: #e7c598;
                border-radius:r(8);
                margin-top: r(15);
                overflow: hidden;
                    .one_left{
                        width: r(150);
                        height: r(35);
                        display: inline-block;
                        span{
                        vertical-align: top;
                        line-height: r(40);
                        font-size: r(22);
                        color:#bf0c21;
                        }
                        
                    }
                    .one_right{
                        width: r(150);
                        height: r(40);
                        display: inline-block;
                        overflow: hidden;
                        border-left: 1px solid #bf0c21;
                        form{
                            input{
                            margin: 0 auto;
                            vertical-align: top;
                            line-height: r(40);
                            width: r(110);
                            height: r(45);
                            border: none;
                            background: #e7c598;
                            text-align: center;
                            color: white;
                          }
                        }
                    }
            }
        }
    }
 .foot{
     margin-top: r(26);
        ul{
            
            li{
                width: r(480);
                padding-top:r(12) ;
                 margin: 0 auto;
                p{
                    font-size: r(8);
                    color: #e7c598;
                }
            }
        }
        .tijiao{
            margin: r(30) auto 0;
            text-align: center;
            color: #e7c598;
            width: r(250);
            height: r(45);
            line-height: r(45);
            font-size: r(22);
            background: url(../img/kuang-1.png) center no-repeat /cover;
        }
        .fanhui{
            width: r(44);
            height: r(44);
            @include aImg;
            bottom: r(-170);
            left: r(470);
        }
    }
    .chenggong{
        display: none;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.5);
        position: absolute;
        top: 0;
        left: 0;
        .queding{
            position: absolute;
            background:#e7c598;
            width: r(414);
            height: r(250);
            top: r(350);
            left:50%;
            transform: translateX(-50%);
            .guanbi{
               position: absolute;
               left: r(350);
               top: r(10);
                img{
                    width: r(36);
                    height: r(36);
                }
            }
            .tjcg{
                padding-top: r(85);
                p{
                    font-weight: bold;
                    font-size: r(40);
                    color: #bf0c21;
                }
            }
            .chakan{
                line-height:r(40) ;
                width: r(223);
                height: r(40);
                background: #bf0c21;
                border-radius: r(7);
                margin: r(37) auto 0;  
                p{
                    color: #e7c598;
                    font-size: r(1);
                    text-align: center;
                    
                }
            }
        }
    }
//    
}
   